let url_host = window.location.host;
// let socket = io.connect(`http://` + url_host + `?type=client`, {
//     path: "/chat"
//     //  httpOnly: false
// });

// $("#sendMessage").click(function () {
//     var content = $("#message").val();
//     if (content != '') {
//         console.log(content);
//         var data = {
//             content,
//             type: 0,
//             ohter: null
//         };
//         //向客服发送消息
//         socket.emit("user-message", data);

//         //   自己发送消息推倒消息框
//         var dete = new Date();
//         var str1 =
//             `   <div class="chat-for-user chat-item">
//                     <div class="chat-item-info">
//                         <div class="chat-item-info-nick">发送指令<span class="time">` +
//             dete +
//             `</span></div>
//                     </div>
//                    <div class="chat-item-detail">
//                         <div class="chat-item-content "style="max-width: 100%;min-width:100px;">
//                             ` +
//             content +
//             `
//                         </div>
//                         <div class="chat-item-user">
//                             <div class="chat-item-user-thumb">
//                                 <span class="glyphicon glyphicon-user"></span>
//                             </div>
//                         </div>
//                     </div>
//                 </div>`;
//         $(".chat-content").append(str1);

//         // 设置滚动条
//         setScorll();
//         $("#message").val("");
//     } else {
//         showTip('发送内容不能为空', 'danger')
//     }
// });


// // 弹窗提示自定义的
// function showTip(tip, type) {
//     var $tip = $('#tip');
//     $tip.stop(true).prop('class', 'alert alert-' + type).text(tip).css('margin-left', -$tip.outerWidth() / 2).fadeIn(500).delay(2000).fadeOut(500);
// }

//监听来自于服务器回复的事件推送
var cnut = 1;
var music = document.getElementById("audio");
// socket.on("server-message-push", data => {
//     rfidData = data.split(',', 4)
//     // console.log("接收到客服消息：", rfidData[0], rfidData);
//     if (audioNO) {
//         music.play();
//     } else {
//         music.pause()
//     }

//     var date = new Date();
//     var str =
//         ` <div class="chat-for-server chat-item">
//           <div class="chat-item-info">
//         <div class="chat-item-info-nick">收到ID：` +
//         '第' + cnut + '条' +
//         ` <span class="time">` +
//         date +
//         `</span></div>
//     </div>
//     <div class="chat-item-detail">
//         <div class="chat-item-user">
//             <div class="chat-item-user-thumb">
//                 <span class="glyphicon glyphicon-cloud"></span>
//             </div>
//         </div>
//         <div class="chat-item-content" >
//            ` +
//         rfidData[3] +
//         `<span class='right text-sm bg-warning' ></span>
//         </div>
//     </div>
// </div>`;
//     $(".chat-content").append(str);
//     setScorll();
//     cnut++
// });


//首次获取聊天本地记录
// window.onload = function () {
//     // vue
//     var vm = new Vue({
//         el: "#app",
//         data: {
//             name: "kdy",
//             job: "软件工程师",
//             frist_http: {}
//         },
//         created() {
//             // console.log("creartdRUN");
//             var cook = document.cookie;
//             // console.log("cook:", cook);
//             // 接受第一次连接信息 取出本地缓存信息
//             var _this = this;
//             socket.on("clinet-frist-push", data => {
//                 // console.log("clinet-frist-push:", data);
//                 _this.frist_http = data;
//                 // console.log("data11:", _this.frist_http);
//             });
//             // console.log('data1:', this.name)
//         },
//         destroyed() {
//             // console.log('data2:', this.job)
//         },
//         methods: {
//             send() {
//                 alert("delete");
//             }
//         }
//     });

//     // 开关选择字体列表
$('#kinerDatePickerInput1').kinerDatePicker({
    clickMaskHide: true,
    okHandler: function (vals, ctx) {
        console.log("确定选择:", vals, ctx);
        console.log('vals:', vals[0])
        var nb = vals[0]
        var font = {
            楷体: "KaiTi",
            宋体: "STFangsong",
            微软雅黑: "Microsoft YaHei",
            行书: 'STXingkai',
            华文彩云: 'STCaiyun'
        }
        // console.log(font[nb])
        $('#app').css('font-family', font[nb])
        $('#tb').css('font-family', font[nb])
        $('body').css('font-family', font[nb]) //设置子元素会在动态情况下失效
        $('#bb').css('font-family', font[nb]) //设置符及元素 
        $('td').css('font-family', font[nb]) //设置符及元素
        $('tr').css('font-family', font[nb]) //设置符及元素
    },
    cancelHandler: function (ctx) {
        console.log("取消选择:", ctx);
    }
});

//   设置全屏 // 设置全屏
$('#alarm-fullscreen-toggler').on('click', function (e) {
    var element = document.documentElement; // 返回 html dom 中的root 节点 <html>
    if (!$('body').hasClass('full-screen')) {
        $('body').addClass('full-screen');
        $('#alarm-fullscreen-toggler').addClass('active');
        // 判断浏览器设备类型
        if (element.requestFullscreen) {
            element.requestFullscreen();
        } else if (element.mozRequestFullScreen) { // 兼容火狐
            element.mozRequestFullScreen();
        } else if (element.webkitRequestFullscreen) { // 兼容谷歌
            element.webkitRequestFullscreen();
        } else if (element.msRequestFullscreen) { // 兼容IE
            element.msRequestFullscreen();
        }
        // 切换全屏按钮
        $('#alarm-fullscreen-toggler').attr('src', '/images/close.jpg');
    } else { // 退出全屏
        console.log(document);
        $('body').removeClass('full-screen');
        $('#alarm-fullscreen-toggler').removeClass('active');
        //  退出全屏
        if (document.exitFullscreen) {
            document.exitFullscreen();
        } else if (document.mozCancelFullScreen) {
            document.mozCancelFullScreen();
        } else if (document.webkitCancelFullScreen) {
            document.webkitCancelFullScreen();
        } else if (document.msExitFullscreen) {
            document.msExitFullscreen();
        }
        // 切换全屏按钮
        $('#alarm-fullscreen-toggler').attr('src', '/images/open.jpg');
    }
});

// };

// 滚动条设置函数
$("#App").on('scroll', function() {
    var scroH = $("#App").scrollTop();  //滚动高度
    var viewH = $(window).height();  //可见高度 
    var contentH = $(document).height();  //内容高度
    console.log("scroh:",scroH)
    if(scroH >100){  //距离顶部大于100px时
      console.log("scroh:",scroH)
    }
    if (contentH - (scroH + viewH) <= 100){  //距离底部高度小于100px
         
    }  
    if (contentH == (scroH + viewH)){  //滚动条滑到底部啦
         
    }  

});


$("#App").scroll(function () {
    var nDivHight = $("#div1").height();
    nScrollHight = $(this)[0].scrollHeight;
    nScrollTop = $(this)[0].scrollTop;
    if (nScrollTop + nDivHight >= nScrollHight) {
        console.log("滚动条到底部了");
    } else {
 
    }
})

function setScorll() {
    var chat_item = document.getElementsByClassName("chat-item");
    var itemH = $(".chat-item").outerHeight(true);
    var socrollH = chat_item.length * itemH;
    console.log(socrollH, itemH);
    $(".chat-content").scrollTop(socrollH);
}

// 接收服务器第一次推送信息
// socket.on('clinet-frist-push', data => {
//     // console.log("收到clinet-frist-push数据：", data)
// })


// t图片上传跳转
// function getimage() {
//     window.location.href = '/image'
// }


// //静音按钮
// var jy = document.getElementById('jy');
// var audioNO = true
// function clickjy() {

//     if (jy.checked == true) {
//         // $('jy').prop('checked', true)
//         jy.checked = true
//         audioNO = true
//         console.log("勾选等假", audioNO)
//     } else if (jy.checked == false) {
//         jy.checked = false
//         audioNO = false
//         console.log("勾选等真", audioNO)

//     }

// }





var app = new Vue({
    el: '#App',
    data: {
        items: [
            {
                H0809: "0",
                H0910: "0",
                H1011: "0",
                H1112: "0",
                H1213: "0",
                H1314: "0",
                H1415: "0",
                H1516: "0",
                H1617: "0",
                H1718: "0",
                H1819: "0",
                H1920: "0",
                allh: "0",
                date: "20200909",
                dclass: "白班",
                id: '0',
                type: "test",
            }
        ],
        getLdData: [],
        getid: 0,
        TbobyStr: "",
        itemslength:0,
        showRentPrise:false
    },
    methods: {
        GETDATA() {
            axios({
                method: 'get',
                url: '/getLdData',
                params: { id: this.getid, conut: 10 },

            }).then(function (resp) {
                app.items=[];
                app.items=resp.data.data
                app.itemslength=resp.data.data.length
                // console.log("resp.data:", resp);
                // console.log("items:",app.items,app.getid);
               app.getid++;
            })
            .catch(err => {
                console.log('请求失败:' + err.status + ',' + err.statusText);
            });


           
        },
        domlist: function (res) {

        },
       

    }, mounted() {
        // window.vue = this
        let  that=this
        this.GETDATA()
            window.addEventListener('scroll', () => {
                let scrollTop = document.documentElement.scrollTop ||
                                 document.body.scrollTop ||
                                 document.querySelector('#App3').scrollTop;
                                //  console.log(app.$refs.text.offsetHeight)
                                //  console.log(this.$refs.tr.offsetHeight)
                if(scrollTop>55){
                    // $("#App0").hidden()
                    app.showRentPrise=true    
                    console.log("scrollTop:",scrollTop);

                }else{
                    app.showRentPrise=false    
                }
              }, true);

          


    }, created() {
        // console.log("this.items:",this.items)
        // this.domlist()


    }
})


var getYeild = () => {
    var listData = [];
    $.ajax({
        url: '/getLdData',
        async: true,
        data: { id: this.getid, conut: 10 },
        dataType: "json",
        processData: true,
        type: "get",
        success: function (data) {
            console.log("ajax请求成功：", data)
            listData = data.data
            // console.log("listData:", listData)
        },
        error: (err) => {
            if (err) console.log("ajxx请求错误")
        }, complete: (res) => {
            // console.log("ajax请求完毕")  //rowspan="2"
            var str = "";
            var allh = 0;
            listData.forEach((item, index, arr) => {
                allh = parseInt(item.H0809) + parseInt(item.H0910) + parseInt(item.H1011) + parseInt(item.H1112) + parseInt(item.H1213) + parseInt(item.H1314) + parseInt(item.H1415) + parseInt(item.H1516) + parseInt(item.H1617) + parseInt(item.H1718) + parseInt(item.H1819) + parseInt(item.H1920)
                str += ` 
            <tr class=""  >
            <td  class="bg" :class="[item.dclass=='白班'?'bg-info':'bg-danger']">`+ (index+1) + `</td>
            <td  class="bg" :class="[item.dclass=='白班'?'bg-info':'bg-danger']">`+ item.date + `</td>
            <td class="bg" :class="[item.dclass=='白班'?'bg-info':'bg-danger']">`+ item.type + `</td>
            <td class="bg" :class="[item.dclass=='白班'?'bg-info':'bg-danger']">`+ item.dclass + `</td>
            <td class="bg" :class="[item.dclass=='白班'?'bg-info':'bg-danger']">`+ item.H0809 + `</td>
            <td class="bg" :class="[item.dclass=='白班'?'bg-info':'bg-danger']">`+ item.H0910 + `</td>
            <td class="bg" :class="[item.dclass=='白班'?'bg-info':'bg-danger']">`+ item.H1011 + `</td>  
            <td class="bg" :class="[item.dclass=='白班'?'bg-info':'bg-danger']">`+ item.H1112 + `</td>
            <td class="bg" :class="[item.dclass=='白班'?'bg-info':'bg-danger']">`+ item.H1213 + `</td>
            <td class="bg" :class="[item.dclass=='白班'?'bg-info':'bg-danger']">`+ item.H1314 + `</td>
            <td class="bg" :class="[item.dclass=='白班'?'bg-info':'bg-danger']">`+ item.H1415 + `</td>
            <td class="bg" :class="[item.dclass=='白班'?'bg-info':'bg-danger']">`+ item.H1516 + `</td>
            <td class="bg" :class="[item.dclass=='白班'?'bg-info':'bg-danger']">`+ item.H1617 + `</td>
            <td class="bg" :class="[item.dclass=='白班'?'bg-info':'bg-danger']">`+ item.H1718 + `</td>
            <td class="bg" :class="[item.dclass=='白班'?'bg-info':'bg-danger']">`+ item.H1819 + `</td>
            <td class="bg" :class="[item.dclass=='白班'?'bg-info':'bg-danger']">`+ item.H1920 + `</td>
            <td class="bg" :class="[item.dclass=='白班'?'bg-info':'bg-danger']">`+ allh + `</td>
            </tr>  `
            });
            $("#bb").html("")
            $("#bb").append(str)

        }

    });
    console.log($("tr").length)
}


var interval=1000*5;
// getYeild();
const timer=setInterval(() => {
// getYeild();
app.GETDATA();
}, interval);
// (getYeild,100*60)